

<template>
    <ContentWrap>
        <CardTitle title="Editor 使用" />
        <code class="code-block mt-20px">
            &lt;Editor v-model="modelValue" editorId="wangeEditor-1-demo" height="500px" editorConfig={} readonly="false" locale="en" /&gt;
        </code>
        <CardTitle title="Editor 代码示例" />
        <pre class="code-block">
            <code>
                &lt;script setup lang="ts"&gt;
                import { ref } from 'vue'
                const modelValue = ref('')
                &lt;/script&gt;
            </code>
        </pre>
        <CardTitle title="Editor 属性" />
        <table class="properties-table mt-20px">
            <thead>
                <tr>
                    <th>属性</th>
                    <th>类型</th>
                    <th>默认值</th>
                    <th>说明</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>editorId</td>
                    <td>String</td>
                    <td>wangeEditor-1</td>
                    <td>编辑器id</td>
                </tr>
                <tr>
                    <td>height</td>
                    <td>Number | String</td>
                    <td>500px</td>
                    <td>编辑器高度</td>
                </tr>
                <tr>
                    <td>editorConfig</td>
                    <td>Object</td>
                    <td>{}</td>
                    <td>编辑器配置</td>
                </tr>
                <tr>
                    <td>readonly</td>
                    <td>Boolean</td>
                    <td>false</td>
                    <td>是否只读</td>
                </tr>
                <tr>
                    <td>modelValue</td>
                    <td>String</td>
                    <td>''</td>
                    <td>编辑器内容</td>
                </tr>
                <tr>
                    <td>locale</td>
                    <td>String</td>
                    <td>en</td>
                    <td>语言</td>
                </tr>
                </tbody>
        </table>
        <CardTitle title="Editor 示例" />
        <Editor v-model="modelValue" editorId="wangeEditor-1-demo" height="500px" editorConfig={} readonly="false" locale="en" />



    </ContentWrap>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const modelValue = ref('')
</script>
<style lang="scss" scoped></style>